﻿@using VietTrips.WebUI.Areas.Management.Models
@using VietTrips.WebUI.Helpers
@model dynamic

@{
    NavCurrentHelper.Menu = 1;
    NavCurrentHelper.Submenu = 1;
    ViewBag.Title = "Bảng Thông Tin";
    Layout = "~/Areas/Management/Views/Shared/_AdminLayout.cshtml";
}

@section featured {
    <!-- BEGIN PAGE HEADER-->
    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                @ViewBag.Title
            </h3>
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="@Url.Action("Dashboard", "Admin")">
                        Trang Quản Lý
                    </a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">
                        @ViewBag.Title
                    </a>
                </li>
                <li class="pull-right">
                    <div id="dashboard-report-range" class="dashboard-date-range tooltips" data-placement="top" data-original-title="Change dashboard date range">
                        <i class="fa fa-calendar"></i>
                        <span>
                        </span>
                        <i class="fa fa-angle-down"></i>
                    </div>
                </li>
            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
    </div>
    <!-- END PAGE HEADER-->
}

<!-- BEGIN DASHBOARD STATS -->
<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat blue-madison">
            <div class="visual">
                <i class="fa fa-briefcase"></i>
            </div>
            <div class="details">
                <div class="number">
                    <small>Quản Lý Công Ty</small>
                </div>
                <div class="desc">
                    Yêu Cầu Mở Công Ty
                    <span class="badge" style="font-size: 15px!important; color: #fff!important; background-color: #e00; height: 22px; width: 23px">2</span>
                </div>
            </div>
            <a class="more" href="#">
                Xem Thêm <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat green">
            <div class="visual">
                <i class="fa fa-shopping-cart"></i>
            </div>
            <div class="details">
                <div class="number">
                    12
                </div>
                <div class="desc">
                    Mẫu Tour
                </div>
            </div>
            <a class="more" href="#">
                Xem Thêm <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat purple">
            <div class="visual">
                <i class="fa fa-globe"></i>
            </div>
            <div class="details">
                <div class="number">
                    32
                </div>
                <div class="desc">
                    Chuyến Du Lịch
                </div>
            </div>
            <a class="more" href="#">
                Xem Thêm <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat red-intense">
            <div class="visual">
                <i class="fa fa-users"></i>
            </div>
            <div class="details">
                <div class="number">
                    @ViewBag.NumberOfUsers
                </div>
                <div class="desc">
                    Tài Khoản
                </div>
            </div>
            <a class="more" href="@Url.Action("UsersList", "UserManager")">
                Xem Thêm <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
</div>
<!-- END DASHBOARD STATS -->

<div class="row">
    <div class="col-md-6 col-sm-6">
        <!-- Begin: life time stats -->
        <div class="portlet box green">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-thumb-tack"></i>Tổng Hợp Thông Tin
                </div>
                <div class="tools">
                    <a href="javascript:;" class="collapse">
                    </a>
                    <a href="javascript:;" class="reload">
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#overview_1" data-toggle="tab">
                            Top Các Chuyến
                        </a>
                    </li>
                    <li>
                        <a href="#overview_2" data-toggle="tab">
                            Xem Nhiều Nhất
                        </a>
                    </li>
                    <li>
                        <a href="#overview_3" data-toggle="tab">
                            Tourist Mới
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="overview_1">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>
                                            Product Name
                                        </th>
                                        <th>
                                            Price
                                        </th>
                                        <th>
                                            Sold
                                        </th>
                                        <th>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Apple iPhone 4s - 16GB - Black
                                            </a>
                                        </td>
                                        <td>
                                            $625.50
                                        </td>
                                        <td>
                                            809
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Samsung Galaxy S III SGH-I747 - 16GB
                                            </a>
                                        </td>
                                        <td>
                                            $915.50
                                        </td>
                                        <td>
                                            6709
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Motorola Droid 4 XT894 - 16GB - Black
                                            </a>
                                        </td>
                                        <td>
                                            $878.50
                                        </td>
                                        <td>
                                            784
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Regatta Luca 3 in 1 Jacket
                                            </a>
                                        </td>
                                        <td>
                                            $25.50
                                        </td>
                                        <td>
                                            1245
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Samsung Galaxy Note 3
                                            </a>
                                        </td>
                                        <td>
                                            $925.50
                                        </td>
                                        <td>
                                            21245
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Inoval Digital Pen
                                            </a>
                                        </td>
                                        <td>
                                            $125.50
                                        </td>
                                        <td>
                                            1245
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Metronic - Responsive Admin + Frontend Theme
                                            </a>
                                        </td>
                                        <td>
                                            $20.00
                                        </td>
                                        <td>
                                            11190
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="tab-pane" id="overview_2">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>
                                            Product Name
                                        </th>
                                        <th>
                                            Price
                                        </th>
                                        <th>
                                            Views
                                        </th>
                                        <th>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Metronic - Responsive Admin + Frontend Theme
                                            </a>
                                        </td>
                                        <td>
                                            $20.00
                                        </td>
                                        <td>
                                            11190
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Regatta Luca 3 in 1 Jacket
                                            </a>
                                        </td>
                                        <td>
                                            $25.50
                                        </td>
                                        <td>
                                            1245
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Apple iPhone 4s - 16GB - Black
                                            </a>
                                        </td>
                                        <td>
                                            $625.50
                                        </td>
                                        <td>
                                            809
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Samsung Galaxy S III SGH-I747 - 16GB
                                            </a>
                                        </td>
                                        <td>
                                            $915.50
                                        </td>
                                        <td>
                                            6709
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Motorola Droid 4 XT894 - 16GB - Black
                                            </a>
                                        </td>
                                        <td>
                                            $878.50
                                        </td>
                                        <td>
                                            784
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Samsung Galaxy Note 3
                                            </a>
                                        </td>
                                        <td>
                                            $925.50
                                        </td>
                                        <td>
                                            21245
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Inoval Digital Pen
                                            </a>
                                        </td>
                                        <td>
                                            $125.50
                                        </td>
                                        <td>
                                            1245
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="tab-pane" id="overview_3">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>
                                            Customer Name
                                        </th>
                                        <th>
                                            Total Orders
                                        </th>
                                        <th>
                                            Total Amount
                                        </th>
                                        <th>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                David Wilson
                                            </a>
                                        </td>
                                        <td>
                                            3
                                        </td>
                                        <td>
                                            $625.50
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Amanda Nilson
                                            </a>
                                        </td>
                                        <td>
                                            4
                                        </td>
                                        <td>
                                            $12625.50
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Jhon Doe
                                            </a>
                                        </td>
                                        <td>
                                            2
                                        </td>
                                        <td>
                                            $125.00
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Bill Chang
                                            </a>
                                        </td>
                                        <td>
                                            45
                                        </td>
                                        <td>
                                            $12,125.70
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Paul Strong
                                            </a>
                                        </td>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            $890.85
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Jane Hilson
                                            </a>
                                        </td>
                                        <td>
                                            5
                                        </td>
                                        <td>
                                            $239.85
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                Patrick Walker
                                            </a>
                                        </td>
                                        <td>
                                            2
                                        </td>
                                        <td>
                                            $1239.85
                                        </td>
                                        <td>
                                            <a href="#" class="btn default btn-xs green-stripe">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End: life time stats -->
    </div>
    <div class="col-md-6 col-sm-6">
        <div class="portlet box blue">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-bell-o"></i>Hoạt Động Gần Đây
                </div>
                <div class="actions">
                    <div class="btn-group">
                        <a class="btn btn-sm btn-default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                            Filter By <i class="fa fa-angle-down"></i>
                        </a>
                        <div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
                            <label><div class="checker"><span><input type="checkbox"></span></div> Finance</label>
                            <label><div class="checker"><span class="checked"><input type="checkbox" checked=""></span></div> Membership</label>
                            <label><div class="checker"><span><input type="checkbox"></span></div> Customer Support</label>
                            <label><div class="checker"><span class="checked"><input type="checkbox" checked=""></span></div> HR</label>
                            <label><div class="checker"><span><input type="checkbox"></span></div> System</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 300px;">
                    <div class="scroller" style="height: 300px; overflow: hidden; width: auto;" data-always-visible="1" data-rail-visible="0">
                        <ul class="feeds">
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-info">
                                                <i class="fa fa-check"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                You have 4 pending tasks.
                                                <span class="label label-sm label-warning ">
                                                    Take action <i class="fa fa-share"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        Just now
                                    </div>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="col1">
                                        <div class="cont">
                                            <div class="cont-col1">
                                                <div class="label label-sm label-success">
                                                    <i class="fa fa-bar-chart-o"></i>
                                                </div>
                                            </div>
                                            <div class="cont-col2">
                                                <div class="desc">
                                                    Finance Report for year 2013 has been released.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col2">
                                        <div class="date">
                                            20 mins
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-danger">
                                                <i class="fa fa-user"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                You have 5 pending membership that requires a quick review.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        24 mins
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-info">
                                                <i class="fa fa-shopping-cart"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                New order received with
                                                <span class="label label-sm label-success">
                                                    Reference Number: DR23923
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        30 mins
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-success">
                                                <i class="fa fa-user"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                You have 5 pending membership that requires a quick review.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        24 mins
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-default">
                                                <i class="fa fa-bell-o"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                Web server hardware needs to be upgraded.
                                                <span class="label label-sm label-default ">
                                                    Overdue
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        2 hours
                                    </div>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="col1">
                                        <div class="cont">
                                            <div class="cont-col1">
                                                <div class="label label-sm label-default">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>
                                            </div>
                                            <div class="cont-col2">
                                                <div class="desc">
                                                    IPO Report for year 2013 has been released.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col2">
                                        <div class="date">
                                            20 mins
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-info">
                                                <i class="fa fa-check"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                You have 4 pending tasks.
                                                <span class="label label-sm label-warning ">
                                                    Take action <i class="fa fa-share"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        Just now
                                    </div>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="col1">
                                        <div class="cont">
                                            <div class="cont-col1">
                                                <div class="label label-sm label-danger">
                                                    <i class="fa fa-bar-chart-o"></i>
                                                </div>
                                            </div>
                                            <div class="cont-col2">
                                                <div class="desc">
                                                    Finance Report for year 2013 has been released.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col2">
                                        <div class="date">
                                            20 mins
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-default">
                                                <i class="fa fa-user"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                You have 5 pending membership that requires a quick review.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        24 mins
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-info">
                                                <i class="fa fa-shopping-cart"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                New order received with
                                                <span class="label label-sm label-success">
                                                    Reference Number: DR23923
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        30 mins
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-success">
                                                <i class="fa fa-user"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                You have 5 pending membership that requires a quick review.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        24 mins
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-warning">
                                                <i class="fa fa-bell-o"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                Web server hardware needs to be upgraded.
                                                <span class="label label-sm label-default ">
                                                    Overdue
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        2 hours
                                    </div>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="col1">
                                        <div class="cont">
                                            <div class="cont-col1">
                                                <div class="label label-sm label-info">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>
                                            </div>
                                            <div class="cont-col2">
                                                <div class="desc">
                                                    IPO Report for year 2013 has been released.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col2">
                                        <div class="date">
                                            20 mins
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div><div class="slimScrollBar" style="width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; z-index: 99; right: 1px; height: 191.89765458422175px; background: rgb(187, 187, 187);"></div><div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(234, 234, 234);"></div>
                </div>
                <div class="scroller-footer">
                    <div class="pull-right">
                        <a href="#">
                            See All Records <i class="m-icon-swapright m-icon-gray"></i>
                        </a>
                        &nbsp;
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>